<!DOCTYPE html>
<html lang="en">
    <head>
        <title></title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <script src="js/jquery.min.js" type="text/javascript"></script>
        <!--<script src="js/swiper.jquery.min.js"></script>-->
        <link rel="stylesheet" href="css/weui.min.css">
        <link rel="stylesheet" href="css/jquery-weui.css">
        <!--<link rel="stylesheet" href="css/mui.min.css">-->
        <link rel="stylesheet" href="css/style.css">
        <!--<link rel="stylesheet" href="css/swiper.min.css">-->
    </head>
    <body class="smrz-bj">
        <div class="sy-mains">
            <div class="sy-top"><img src="img/hz-img11.png"></div>
            <div class="sy-top-xx">
                <div class="xx-list">
                    <img src="img/hz-img19.png" class="xx-img">
                    <span class="xx-span">热门</span>
                    <span class="xx-span2">10.1-10.7，订单满38元包邮</span>
                </div>
                <ul class="xx-nav">
                    <li>
                        <img src="img/hz-img20.png" class="img1">
                        <p class="xx-li-p">申请箱子</p>
                    </li>
                    <li>
                        <img src="img/hz-img21.png" class="img2">
                        <p class="xx-li-p xx-li-ps">申请补货</p>
                    </li>
                    <li>
                        <img src="img/hz-img22.png" class="img3">
                        <p class="xx-li-p">个人中心</p>
                    </li>                        
                </ul>
            </div>

            <div class="sy-gw">
                <ul class="sy-gw-left">
                    <li class="active">消暑解渴</li>
                    <li>功能饮料</li>
                    <li>碳酸饮料</li>
                    <li>便捷美食</li>
                    <li>饼干/糕点</li>
                    <li>消暑解渴</li>
                </ul>
                <ul class="sy-gw-rig">
                    <li>
                        <img src="img/hz-img11.png" class="rig-img">
                        <div class="gw-rig-div">
                            <p class="rig-div-p">【农夫山泉】引用天然水，4L/桶</p>
                            <div class="rig-bottom">
                                <span class="rig-span">¥7.79</span>
                                <img src="img/hz-img23.png" class="bot-img">
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>

        <div class="sy-bottom">
            <div class="bottom-img">
                <img src="img/hz-img24.png">
                <div class="num">33</div>
            </div>
            <div class="bottom-qian">合计：88.80元</div>
            <div class="bottom-bot">去结算</div>
        </div>

        <!-- 弹框 -->
        <div class="sy-tank" style="display: none;"></div>
        <div class="sy-tk-list" style="display: none;">
            <div class="gb"><img src="img/hz-img25.png" class="tk-img"></div>
            <img src="img/hz-img11.png" class="tk-img2">
            <div class="tk-wenz">
                <p class="wenz-ps">【农夫山泉】引用天然水，4L/桶4L/桶4L4默认两行默认两行行超过用......</p>
                <p class="wenz-ps2">备注：两行两行两行两行两行两行两行两行两行两行两行两行两行两行两行两行两两行两两行两两行两两行两超过三行用......</p>   
                <div class="tk-sz">
                    <div class="sz-sz">¥7.79</div>
                    <div class="sz-jg">
                        <img src="img/hz-img26.png" class="img-jg">
                        <input type="text" value="1" class="text-inp"  disabled="disabled">
                        <img src="img/hz-img23.png" class="img-jg">
                    </div>
                </div>      
            </div>
        </div>
        <!-- 弹框2 -->
        <div class="gw-mains" style="display: none;">
            <h2 class="gw-h2">已选商品（5）</h2>
            <ul class="gw-nav">
                <li>
                    <p class="gw-p">【农夫山泉】饮用天然水，5L/桶</p>
                    <p class="gw-p2">¥4.00</p>
                    <div class="sz-jg">
                        <img src="img/hz-img26.png" class="img-jg">
                        <input type="text" value="1" class="text-inp"  disabled="disabled">
                        <img src="img/hz-img23.png" class="img-jg">
                    </div>           
                </li>
            </ul>
            <div class="sy-bottom">
                <div class="bottom-img">
                    <img src="img/hz-img24.png">
                    <div class="num">33</div>
                </div>
                <div class="bottom-qian">合计：88.80元</div>
                <div class="bottom-bot">去结算</div>
            </div>       
        </div>
    </body>
    
    <script src="js/jquery-weui.js" type="text/javascript"></script>
    <script src="js/jquery.min.js" type="text/javascript"></script>
</html>
